{include file="header" /}
    <link rel="stylesheet" type="text/css" href="__CSS__pay/common.css?v={:config('version')}" />
    <link rel="stylesheet" type="text/css" href="__CSS__pay/edit_info_new.css?v={:config('version')}" />
    <script type="text/javascript" src="__JS__secoo/bind_card.js?v={:config('version')}"></script>
    <body>
        <div class="wrap wrap4 pbwrap pt0 edit-basic-info bind-card">
            <p class="info-title color6 hideUl">绑定信用卡</p>
            <ul class="white-bg radius10 shadow-bottom wrap4 pt0 bt7 hideUl">
                <li class="clearfix">
                    <span class="fl">信用卡号：</span>
                    <input type="number" id="bankNo" class="fl" placeholder="请输入本人信用卡号"/>
                </li>
                <li class="clearfix" onclick="showBankMask()">
                    <span class="fl">卡类型：</span>
                    <input type="text" class="fl" id="creditCard" placeholder="请选择信用卡类型" readonly="readonly" value="" />
                    <input type="hidden" id="bankCode" value="" />
                    <img src="__IMAGES__/yinlian_icon_s.png"/>
                    <b class="arrow"></b>
                </li>
                <li class="clearfix layui-input-inline">
                    <span class="fl">有效期：</span>
                    <input type="text" class="layui-input fl" id="bankExpireDate" placeholder="年份/月份" readonly="readonly" />
                </li>
                <li class="clearfix pt0">
                    <span class="fl">安全码：</span>
                    <input type="number" id="bankCvn2" class="fl" placeholder="卡背后3位数字"/>
                </li>
            </ul>
            <ul class="white-bg radius10 shadow-bottom wrap4 pt0 bt7 hideUl">
                <li class="clearfix">
                    <span class="fl">姓名：</span>
                    <input type="text" id="userName" class="fl" placeholder="请输入姓名" readonly="readonly" />
                </li>
                <li class="clearfix">
                    <span class="fl">身份证号：</span>
                    <input type="text" id="idCardNo" class="fl" placeholder="输入身份证号" readonly="readonly" />
                </li>
            </ul>
            <ul class="white-bg radius10 shadow-bottom wrap4 pt0">
                <li class="clearfix">
                    <span class="fl">手机号：</span>
                    <input type="number" id="bankTel" class="fl" placeholder="请输入手机号"/>
                </li>
                <li class="clearfix code">
                    <span class="fl">验证码：</span>
                    <input type="number" id="code" placeholder="请输入验证码" class="fl">
                    <a href="javascript:;" class="fl send-code" id="send_code">获取验证码</a>
                </li>
            </ul>
            <div class="clearfix bottom-info">
                <div class="check fl">
                    <input type="checkbox" id="payAgree" checked="checked">
                    <label class="label"></label>
                </div>
                <span class="fl">同意</span>
                <!-- <a href="javascript:;" class="orange-color fl">《信用卡账单协议》</a> -->
                <a href="javascript:viewAgree();" class="orange-color fl">《信用卡账单协议》</a>
                <!-- <a href="javascript:;" class="orange-color fr">收不到验证码？</a> -->
            </div>
        </div>
        <!-- <footer class="footer-btn"> -->
            <div class="footer">
                <a class="gradient text-center" id="submitBtn" href="javascript:;">去支付</a>
            </div>
        <!-- </footer> -->
        <!-- 选择信用卡类型 -->
        <div class="bank-mask" onclick="hideBankMask()"></div>
        <div class="bank-layer">
            <h2>请选择信用卡类型</h2>
            <!-- <ul>
                <li>信用卡类型1</li>
                <li>信用卡类型2</li>
            </ul> -->
        </div>

        <!---查看协议 start---->
        <div class="shadow-div"></div>
        <div class="shadow-content">
            <div style="float:right;margin-right: 5px;" onclick="javascript:closeAgree()">x</div>
            <div class="contract-page">
                <h2 align="center" style="margin-bottom:0px;">信用卡账单协议</h2>
                <div class="contract-info"></div>
                <div style="height:20px;"> </div>
            </div>  
            <div class="shadow-bottom-close" onclick="javascript:closeAgree()"><img src='__IMAGES__close.png'>  </div>    
        </div>  
        <!---查看协议 end---->
    </body>
</html>
